var keyword=document.querySelector(".searchinput").value;
             //接口：https://category.vip.com/ajax/getSuggest.php?keyword=护肤

            // 接口路径 : https://www.baidu.com/sugrec 
            // 接口参数 : prod=pc , wd:关键字 cb : 回调函数名

            // 业务 : 当我们的输入框发生input事件的时候，我们就去发起接口的请求; 
            // 根据返回的数据渲染页面; 

            var search_ele =  document.querySelector(".searchinput");
            var list_ele = document.querySelector("searchlist");
            search_ele.oninput = function(){
                  ajax({
                        url : "https://category.vip.com/ajax/getSuggest.php",
                        data : {
                              keyword : encodeURI(this.value) 
                        },
                        jsonp : "cb",
                        dataType : "jsonp",
                        callback : function(res){
                              console.log(res);
                              renderSearchResult(res.g);
                        }
                  })
            }
            function renderSearchResult( list ){
                  // list 分成两种情况 : 
                  // 1. 数组;  渲染页面; 
                  // 2. undefined;  清空渲染的结果; 
                  if( list instanceof Array ){
                        list_ele.innerHTML = list.map(function( item ){
                              return `<li>${item.q}</li>`;
                        }).join("");
                  }else{
                        list_ele.innerHTML = "";
                  }
            }